<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="utf-8"%>
<%@ include file="/public/pathvariable.jsp" %>
<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<meta http-equiv="pragma" content="no-cache"> 
		<meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> 
		<meta http-equiv="expires" content="0">
		<title>用户管理</title>
		<link rel="stylesheet" href="<%=basePath %>css/style.css">
		<link rel="stylesheet" href="<%=basePath %>css/f_style.css">
		<link rel="stylesheet" href="<%=basePath %>css/ui_base.css">
		<link rel="stylesheet" href="<%=basePath %>css/d_msg.css">
 		<style>
			.ktab {table-layout:fixed;}/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
			.ktab td{
				width:100%;
				padding:12px 5px !important;
			    word-break:keep-all;/* 不换行 */
			    white-space:nowrap;/* 不换行 */
			    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
			    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
			}
			.infoLlist{margin-left:0 !important;}
			.boxPosition{position:relative;top:3px;margin-right:5px;}
			.CustomsAreaList .infoLlist{margin-bottom:0 !important;}
			.w200{width:200px !important;}
			.ml30{margin-left:30px;}
		</style> 
	</head>

	<body>
		<!--抬头bar-->
		<jsp:include page="/public/header.jsp" />
		<div class="main w clearfix">
			<div class="posr2">
				<div class="path_">
					<a href="<%=basePath %>index.jsp?parId=0">首页</a> >
					<a href="<%=basePath %>clients/index.jsp?parId=5">客户管理</a> >
					<a href="<%=basePath %>clients/userManage.jsp?parId=502">用户管理</a>
				</div>
				<div class="key">
					<div class="key_">
						<div class="k_name fl">账号&nbsp;
							<input type="text" class="ui_text w200 enterSearch ml30" id="userNameSearch">
						</div>
						<div class="k_name fl">电话&nbsp;
							<input type="text" class="ui_text w200 enterSearch" id="userPhoneSearch">
						</div>
						<input id="sleGroupId" class="infoVal" type="hidden" />
						<div class="k_name fl">
							<table>
								<tr>
									<td>所属组织&nbsp;&nbsp;</td>
									<td>
										<div class="ui_select selectListObj w200" id='grouptag'>
											<input type="text" id="sleGroupName" placeholder="可自动检索" class="ui_text ui_s_t" style="border:0 none;">
											<div class="ui_s_bk" style="display: none;" id="selGroup"></div>
										</div>
									</td>
								</tr>
							</table>
						</div>
						<div class="k_btn fl">
							<a href="javascript:void(0)" class="ui_btn yellow enterSearch" id="selectAll">查询</a>&nbsp;&nbsp;
							<span class="ui_btn green" id="k_add">新增</span>
						</div>
						<div class="divline v5"></div>
						<div class="k_name fl">用户名称&nbsp;
							<input type="text" class="ui_text w200 enterSearch" id="userNameoneSearch">
						</div>
						<div class="k_name fl">邮箱&nbsp;
							<input type="text" class="ui_text w200 enterSearch" id="userMailboxSearch">
						</div>

					</div>
					<div class="key_table">
						<div class="title">用户信息列表</div>
						<input type='hidden' id='curLen'/>
						<table width="100%" border="0" cellspacing="1" cellpadding="0" class="ktab">
						</table>
					</div>
				</div>
			</div>
		</div>

		<!--点击新增浮层-->
		<div class="key_layer">
			<i class="closeBtn"></i>
			<div class="tit">
				用户管理新增
			</div>
			<div class="layerfrom formular validationEngineContainer" id="addParameterArea">
				<fieldset>
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="lftab">
						<tr>
							<td class="name">所属组织</td>
							<td>
								<div class="fl regionSelect" id="regionSelectAdd">
									<input id="groupIdd" class="infoVal clearFormInput" type="hidden"/>
									<div class="ui_select selectListObj">
										<input type="text" id="addkeyGroName" placeholder="可自动检索" class="ui_text ui_s_t" style="border:0 none;">
										<div class="ui_s_bk" style="display: none;" id="allOrgListAdd"></div>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="name">账号</td>
							<td>
								<input type="text" class="ui_text w220 clearFormInput" id="userAccountText" data-validation-engine="validate[required,minSize[3],maxSize[13],custom[onlyLetterNumber]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！" />
							</td>
						</tr>
						
							<tr>
							<td class="name">用户名称</td>
							<td>
								<input type="text" class="ui_text w220 clearFormInput" id="userNameText"   data-validation-engine="validate[required,minSize[1],maxSize[10],custom[onlyChineseLetter]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！" />
							</td>
						</tr>
						
						<tr>
							<td class="name">密码</td>
							<td>
								<input type="password" class="ui_text w220 clearFormInput" id="userPwdText" data-validation-engine="validate[required,minSize[6],maxSize[20],custom[onlyLetterNumber]]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！" />
							</td>
						</tr>
						
						<tr>
							<td class="name">手机号码</td>
							<td>
								<input type="text" class="ui_text w220 clearFormInput" id="userPhoneText"  data-validation-engine="validate[required,custom[phoneLayout]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！"/>
							</td>
						</tr>
												
						<tr>
							<td class="name">邮箱</td>
							<td>
								<input type="text" class="ui_text w220 clearFormInput" id="userMailboxText"  data-validation-engine="validate[required,custom[email]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！"  />
							</td>
						</tr>
						
						<tr style="position: relative; z-index:4">
							<td class="name">允许单点登陆</td>
							<td>
								<div class="ui_select selectListObjAdd" style="float:left;">
									<input type="hidden" id="singlePortAdd" class="infoVal" value="1">
									<span class="ui_s_t" id="singlePortAddText">是</span>
									<div class="ui_s_bk" style="display: none;">
										<a href="javascript:void(0)" value="1">是</a>
										<a href="javascript:void(0)" value="0">否</a>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="name">登录平台</td>
							<td>
								<div id="CustomsAreaList" class="autoYHidden CustomsAreaList" style="margin-left:0;">
									<div class="infoLlist" title="app端">
										<span class="ui_checkbox boxPosition" id="loginAppPort"></span><font>app端</font>
									</div>
									<div class="infoLlist" title="web端">
										<span class="ui_checkbox boxPosition" id="loginWebPort"></span><font>web端</font>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="name">管理信息方案</td>
							<td>
								<div id="CustomsAreaList" class="autoYHidden CustomsAreaList" style="margin-left:0;">
									<div class="infoLlist" title="app端">
										<span class="ui_checkbox boxPosition" id="ifmAppPort"></span><font>app端</font>
									</div>
									<div class="infoLlist" title="web端">
										<span class="ui_checkbox boxPosition" id="ifmWebPort"></span><font>web端</font>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="name">管理用户</td>
							<td>
								<div id="CustomsAreaList" class="autoYHidden CustomsAreaList" style="margin-left:0;">
									<div class="infoLlist" title="app端">
										<span class="ui_checkbox boxPosition" id="userAppPort"></span><font>app端</font>
									</div>
									<div class="infoLlist" title="web端">
										<span class="ui_checkbox boxPosition" id="userWebPort"></span><font>web端</font>
									</div>
								</div>
							</td>
						</tr>
					</table>
				</fieldset>
			</div>
			<div class="kl_submit">
				<span class="ui_btn yellow" id="addParameterBtn">保存</span>
				<span class="ui_btn cancelLayer">关闭</span>
			</div>
		</div>

		<!--点击修改浮层-->
		<div class="key_layerEdit">
			<i class="closeBtn"></i>
			<div class="tit">
				用户管理编辑
			</div>
			<input type="hidden" id="userId">
			<div class="layerfrom formular validationEngineContainer" id="editParameterArea">
				<fieldset>
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="lftab">
						<tr>
							<td class="name">所属组织</td>
							<td>
								<div class="fl regionSelect" id="regionSelectEid">
									<input id="userGroupId" class="infoVal" type="hidden" />
									<input id="userGroupIdS" type="hidden" />
									<div class="ui_select selectListObj">
										<input type="text" id="eidkeyGroName" placeholder="可自动检索" class="ui_text ui_s_t enterSearch" style="border:0 none;">
										<div class="ui_s_bk" style="display: none;" id="allOrgListEid"></div>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="name">账号</td>
							<td>
								<input type="text" class="ui_text w220" id="userAccountEditText"  data-validation-engine="validate[required,minSize[3],maxSize[13],custom[onlyLetterNumber]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！"/>
							</td>
						</tr>
								<tr>
							<td class="name">用户名称</td>
							<td>
								<input type="text" class="ui_text w220" id="userNameEditText" data-validation-engine="validate[required,custom[onlyChineseLetter],minSize[1],maxSize[10]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！" />
							</td>
						</tr>
						
						<tr>
							<td class="name">密码</td>
							<td>
								<!--<input type="password" class="ui_text w240 clearFormInput" id="userPwdEditText" data-validation-engine="validate[required,maxSize[40]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！" />-->
								<input type="password" class="ui_text w220 clearFormInput" id="userPwdEditText" data-validation-engine="validate[minSize[6],maxSize[20],custom[onlyLetterNumber]]" data-prompt-position="centerRight" />
							</td>
						</tr>
								<tr>
							<td class="name">手机号码</td>
							<td>
								<input type="text" class="ui_text w220" id="userPhoneEditText" data-validation-engine="validate[required,custom[phoneLayout]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！"/>
							</td>
						</tr>
								<tr>
							<td class="name">邮箱</td>
							<td>
								<input type="text" class="ui_text w220" id="userMailboxEditText" data-validation-engine="validate[required,custom[email]]" data-prompt-position="centerRight" data-errormessage-value-missing=" * 不能为空！" />
							</td>
						</tr>
						<tr style="position: relative; z-index:4">
							<td class="name">允许单点登陆</td>
							<td>
								<div class="ui_select selectListObjEdit" style="float:left;">
									<input type="hidden" id="singlePortEdit" class="infoVal">
									<span class="ui_s_t" id="singlePortEditText">否</span>
									<div class="ui_s_bk" style="display: none;">
										<a href="javascript:void(0)" value="1">是</a>
										<a href="javascript:void(0)" value="0">否</a>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="name">登录平台</td>
							<td>
								<div id="CustomsAreaList" class="autoYHidden CustomsAreaList" style="margin-left:0;">
									<div class="infoLlist" title="app端">
										<span class="ui_checkbox boxPosition" id="loginAppPortEdit"></span><font>app端</font>
									</div>
									<div class="infoLlist" title="web端">
										<span class="ui_checkbox boxPosition" id="loginWebPortEdit"></span><font>web端</font>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="name">管理信息方案</td>
							<td>
								<div id="CustomsAreaList" class="autoYHidden CustomsAreaList" style="margin-left:0;">
									<div class="infoLlist" title="app端">
										<span class="ui_checkbox boxPosition" id="ifmAppPortEdit"></span><font>app端</font>
									</div>
									<div class="infoLlist" title="web端">
										<span class="ui_checkbox boxPosition" id="ifmWebPortEdit"></span><font>web端</font>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="name">管理用户</td>
							<td>
								<div id="CustomsAreaList" class="autoYHidden CustomsAreaList" style="margin-left:0;">
									<div class="infoLlist" title="app端">
										<span class="ui_checkbox boxPosition" id="userAppPortEdit"></span><font>app端</font>
									</div>
									<div class="infoLlist" title="web端">
										<span class="ui_checkbox boxPosition" id="userWebPortEdit"></span><font>web端</font>
									</div>
								</div>
							</td>
						</tr>
					</table>
				</fieldset>
			</div>
			<div class="kl_submit">
				<span class="ui_btn yellow" id="updateParameterBtn">保存</span>
				<span class="ui_btn cancelLayer">关闭</span>
			</div>
		</div>

	</body>
	<script src="<%=basePath %>js/jquery.min.1.8.2.js"></script>
	<script src="<%=basePath %>js/jquery.easing.1.3.js"></script>
	<script src="<%=basePath %>js/layer/layer.min.js"></script>
	<script src="<%=basePath %>js/config.js"></script>
	<script src="<%=basePath %>js/f_index_left_menu_tree.js"></script>
	<script src="<%=basePath %>js/userSession.js"></script>
	<script src="<%=basePath %>js/f_paging2.js"></script>
	<!--表单验证插件引入-->
	<link rel="stylesheet" href="<%=basePath %>js/Validation/css/validationEngine.jquery.css">
	<script src="<%=basePath %>js/Validation/js/jquery.validationEngine-zh_CN.js"></script>
	<script src="<%=basePath %>js/Validation/js/jquery.validationEngine.js"></script>
	<script src="<%=basePath %>clients/js/userManage.js"></script>
	<script>
		$(function() {UI.message().base();});
	</script>

</html>